import React from "react";
import { Stack } from "expo-router";

const ModalLayoutNav: React.FC<NavigationProps.NavProps<typeof Stack, keyof typeof NavigationProps.NavigationModal, typeof Stack.Screen>> = ({
  option = { screenOptions: { headerShown: true } },
  items = {
    MESSAGE_INFO: { options: { headerShown: false }, name: "messageInfo" },
    ADD_TASK: { options: { headerShown: false }, name: "addTask" },
    SELECT_TIMER: { options: { headerShown: false }, name: "timer" },
  },
}) => {
  return (
    <Stack {...option}>
      {Object.entries(items).map(([key, value]) => (
        <Stack.Screen key={key} {...value} />
      ))}
    </Stack>
  );
};

export default ModalLayoutNav;
